<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		//DOM单击事件
		$("#c1").click(function(){
			$("#c2").html("<font color=red>张三被点了</font>");
		});
		//DOM双击事件
		$("#c1").dblclick(function(){
			$("#c2").html("<font color=red>张三被双击了</font>");
		});
	});
</script>
</head>
<body>
<input type="button" id="c1" value="张三"/>
<p id="c2"></p>
</body>
</html>